<!DOCTYPE html>
<html class="csstransforms csstransforms3d csstransitions skrollr skrollr-desktop" style="overflow: hidden;">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <style type="text/css">
            .gm-style .gm-style-mtc label,.gm-style .gm-style-mtc div{font-weight:400}
        </style>
        <link type="text/css" rel="stylesheet" href="/template/css" />
        <style type="text/css">
            .gm-style .gm-style-cc span,.gm-style .gm-style-cc a,.gm-style .gm-style-mtc div{font-size:10px}
        </style>
        <style type="text/css">
            @media print {  .gm-style .gmnoprint, .gmnoprint {    display:none  }}
            @media screen {  .gm-style .gmnoscreen, .gmnoscreen {    display:none  }}
        </style>
        <style type="text/css">
            .gm-style{font-family:Roboto,Arial,sans-serif;font-size:11px;font-weight:400;text-decoration:none}.gm-style img{max-width:none}
        </style>
        <title>Pramod Thakur</title>

        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        
        <link rel="shortcut icon" href="http://wpidiots.com/html/ravan/personal/img/favicon.ico" />
        
        <link href="/template/css(1)" rel="stylesheet" type="text/css" />
        
        <script async="" src="/template/analytics.js"></script>
        <script src="/template/jquery-1.11.0.min.js"></script>
                       
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="/template/bootstrap.min.css" />
        <!-- Optional theme -->
        <link rel="stylesheet" href="/template/bootstrap-theme.min.css" />
        <!-- Bootstrap reset -->
        <link rel="stylesheet" href="/template/bootstrap-reset.css" />
        <!-- flexslider load -->        
        <link rel="stylesheet" href="/template/flexslider.css" type="text/css" />        
        <!-- easy pie chart -->
        <link rel="stylesheet" type="text/css" href="/template/style.css" />
                
        <!-- Magnific Popup core CSS file -->
        <link rel="stylesheet" href="/template/magnific-popup.css" /> 

        <!-- YTP -->
        <link href="/template/YTPlayer.css" media="all" rel="stylesheet" type="text/css" />
       
        <link rel="stylesheet" href="/template/font-awesome.min.css" />        
        <link rel="stylesheet" href="/template/style1.css" />
        <link rel="stylesheet" href="/template/colors.css" />
        

        <script type="text/javascript" charset="UTF-8" src="/template/common.js"></script>
        <script type="text/javascript" charset="UTF-8" src="/template/map.js"></script>
        <script type="text/javascript" charset="UTF-8" src="/template/util.js"></script>
        <script type="text/javascript" charset="UTF-8" src="/template/marker.js"></script>
        <script type="text/javascript" charset="UTF-8" src="/template/onion.js"></script>
        <script type="text/javascript" charset="UTF-8" src="/template/stats.js"></script>
        <script type="text/javascript" charset="UTF-8" src="/template/controls.js"></script>
        <script type="text/javascript" charset="UTF-8" src="/template/ViewportInfoService.GetViewportInfo"></script>
        <script type="text/javascript" charset="UTF-8" src="/template/vt"></script>
        <script type="text/javascript" charset="UTF-8" src="/template/vt(1)"></script>
        <script type="text/javascript" charset="UTF-8" src="/template/AuthenticationService.Authenticate"></script>
        <script type="text/javascript" charset="UTF-8" src="/template/QuotaService.RecordEvent"></script>
    </head>
    <body style="">
        <div class="page-loader" style="display: none;"></div>
        <div class="l-wrapper" style="opacity: 1;">
            <!-- HEADER -->
            <header>
                <div class="splash-image-wrap" id="splash-image-wrap" style="height: 971px;">
                    <div class="m-splash-image col-mg-12 skrollable skrollable-between" id="splash-image" data-0="background-position:center 0px;" data-10000="background-position:center -2000px;" style="background-position: 50% 0px;">
                        <div class="flexslider flexslider-splash">
                            <ul class="slides">
                                <li class="slide-background flex-active-slide" style="height: 971px; width: 100%; float: left; margin-right: -100%; position: relative; display: block; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; opacity: 1; z-index: 2;">
                                    <!--<video id="video_background" class="video-background" src="img/one_more_new.webm" autoplay="autoplay" loop></video>-->
                                    <div class="splash-wrap slider-background">

                                        <div class="splash-content">

                                            <div class="container">
                                                <div class="col-lg-9 div-centered">                                        
                                                    <div class="splash-centering">
                                                        <h1>PRAMOD THAKUR</h1>
                                                        <div class="clearfix"></div>
                                                        <div class="splash-text">
                                                            <h3>WEB DEVELOPER</h3>
                                                        </div><!-- splash-text -->

                                                        <a href="#page-section" class="btn">What I do?</a> 
                                                        <a href="#" class="btn second-btn hidden">
                                                            <i class="fa fa-cloud-download"></i> 
                                                            DOWNLOAD RESUME
                                                        </a>
                                                    </div><!-- splash-centering -->
                                                </div><!-- span12 -->

                                            </div><!-- container -->

                                        </div><!-- splash-title -->
                                    </div><!-- splash-wrap -->
                                </li>
                                                            
                                
                            </ul>
                        <ul class="flex-direction-nav"><li><a class="flex-prev flex-disabled" href="#" tabindex="-1"></a></li><li><a class="flex-next flex-disabled" href="#" tabindex="-1"></a></li></ul></div><!-- flexslider -->

                        <div class="arrow-wrap">
                            <div class="bottom-arrow"></div>
                        </div><!-- arrow-wrap -->


                    </div><!-- m-splash-image -->
                </div><!-- splash-image-wrap --> 
                
                <div class="clearfix"></div>
            </header>
            
            <div class="menu-wrap">
                <!-- NAVIGATION -->
                <div class="l-navigation-wrap menu-padd" id="l-navigation">
                    <div class="m-navbar container">
                        <nav class="navbar navbar-default" role="navigation">
                            <div class="container-fluid">
                                <div class="l-logo">
                                  <a style="color:white" href="#splash-image-wrap">
                                    PRAMOD THAKUR
                                    <!-- <img src="/template/logo.png" alt="logo" /> -->
                                  </a>
                                </div><!-- l-logo -->
                              <!-- Brand and toggle get grouped for better mobile display -->
                              <div class="navbar-header">
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
                                  <span class="sr-only">Toggle navigation</span>
                                  <span class="icon-bar"></span>
                                </button>                                
                              </div>

                              <!-- Collect the nav links, forms, and other content for toggling -->
                              <div class="collapse navbar-collapse" id="navbar">
                             
                                    <ul class="nav navbar-nav navbar-right">
                                      <li class="active menu-home">
                                       <a href="#page-section">Home</a>
                                      </li>
                                      <li class="menu-whatwedo"><a href="#whatwedo">What I Do?</a></li>
                                      <li class="hide menu-working-on"><a href="#working-on">Current Work</a></li>
                                      <li class="hide menu-gallery"><a href="#gallery">Gallery</a></li>
                                      <li class="menu-skills"><a href="#skills">Skills</a></li>
                                      <li class="menu-contact"><a href="#contact">Contact Me</a></li>
                                      <li class="arrow-top pull-right"><a href="#splash-image-wrap"></a></li>
                                    </ul>
                                                                                                                       
                              </div><!-- /.navbar-collapse -->
                                                         
                            </div><!-- /.container-fluid -->
                          </nav>
                    </div><!-- m-navbar -->
                </div><!-- l-navigation -->
                
            </div><!-- content -->
            
            
            <div class="l-content-wrap" id="standard-content">
            
                <section>

                    <div class="l-page-section l-section" id="page-section">

                        <div class="container">
                            <div class="row">
                                
                                                             
                                <div class="col-lg-12">
                                    <h2 class="text-center">What's so cool about me?</h2>

                                    <p class="text-center">
                                        I have 6+ year of experience in IT industry and works on lots of technologies like 
                                        PHP, AJAX,HTML,JQuery,Javascript,MySql, amazon AWS S3 RDS, Mongodb, RabbitMq, elastic search etc. 
                                        During these year I have be the part of lots of projects mostly based on products and are pretty successful 
                                        and have experience to lead team and my education background is MCA(Master in Computer Application).               
                                    </p>

                                </div><!-- col-lg-12 -->
                            </div><!-- row -->

                            <div class="separator"></div><!-- separator -->

                            <div class="row">

                                                                
                                <div class="col-lg-4 col-md-4 col-sm-4">
                                    <div class="m-about-me-left about-me">
                                        <h6><b>Full Name:</b></h6>
                                        <h6>PRAMOD THAKUR</h6>
                                        <br />
                                        <h6><b>Birthday:</b></h6>
                                        <h6>19. APRIL 1984.</h6>
                                        <br />
                                        <h6><b>Birthplace:</b></h6>
                                        <h6>SHIMLA(H.P.), INDIA</h6>
                                        <br />
                                        <h6><b>Hobbies:</b></h6>
                                        <h6>TRAVELLING, TRACKING, MOVIES, CHILLING OUT WITH FRIENDS </h6>
                                    </div><!-- m-about-me-left -->
                                </div><!-- col-lg-4 -->
                                
                                <div class="col-lg-4 col-md-4 col-sm-4 about-me-center">
                                    <img src="/images/me.jpg" alt="cv image" class="" />
                                </div><!-- col-lg-4 -->
                                <div class="col-lg-4 col-md-4 col-sm-4">
                                    <div class="m-about-me-right about-me">
                                        <h6><b>Address:</b></h6>
                                        <h6>Noida, Delhi(NCR)</h6>
                                        <br />
                                        <h6><b>E-mail:</b></h6>
                                        <h6>info@pramodthakur.com</h6>
                                        <br />
                                        <h6><b>Phone:</b></h6>
                                        <h6>+91 8091357747</h6>
                                        <br />
                                        <h6><b>Web Site:</b></h6>
                                        <h6>pramodthakur.com</h6>
                                    </div><!-- m-about-me-right-->
                                </div><!-- col-lg-4 -->
                            </div><!-- row -->
                        </div><!-- container -->                    
                    </div><!-- l-page-section -->
                </section>

                <!-- WHAT WE DO PARALAX SECTION -->
                <section>

                    <div class="l-paralax-section what-we-do-section paralax-section1 l-section skrollable skrollable-between" data-0="background-position:0px 180px" data-10000="background-position: 0px -2000px;" id="whatwedo" style="background-position: 0px 180px;">

                        <div class="container">
                            <h4 class="text-center">What I do?</h4>


                            <p class="text-center" style="color:#6d6d6d;">
                                
                            </p>

                            <div class="row">

                                <div class="hide col-lg-3 col-md-3 col-sm-3 col-xs-12 text-center">
                                    <img src="/template/gamepad.png" alt="icon" class="opacity" />
                                    <h6>Game Development</h6>
                                </div><!-- col-lg-3 -->

                                <div class="hide col-lg-3 col-md-3 col-sm-3 col-xs-12 text-center">
                                    <img src="/template/keyboard.png" alt="icon" class="opacity" />
                                    <h6>Music Production</h6>
                                </div><!-- col-lg-3 -->

                                <div class="text-center col-lg-3 col-md-3 col-sm-3 col-xs-12 text-center">
                                    <img src="/template/browser.png" alt="icon" class="opacity" />
                                    <h6 style="color:#6d6d6d;">Web Development</h6>
                                </div><!-- col-lg-3 -->

                                <div class="hide col-lg-3 col-md-3 col-sm-3 col-xs-12 text-center">
                                    <img src="/template/statistics.png" alt="icon" class="opacity" />
                                    <h6>Analytics</h6>
                                </div><!-- col-lg-3 -->

                            </div><!-- row -->

                        </div><!-- container -->

                    </div><!-- l-paralax-section -->

                </section>
                
                <section>

                    <div class="l-standard-section hide" id="working-on">

                        <div class="container">

                            <div class="row">
                                                                
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 half-image">                                    
                                    <img src="/template/my-projects.png" />                                    
                                </div><!-- col-lg-6 -->

                                
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                    
                                    <h2>What I'm Working On?</h2>
                                    
                                    <p>
                                        In hac habitasse platea dictumst. Suspendisse viverra mattis felis. Suspendisse bibendum, nibh non convallis pharetra, eros erat auctor sapien, 
                                        a dapibus lacus dolor et nisi. Sed imperdiet pellentesque laoreet. Cras a ultrices leo. <br /> <br />
                                        Praesent velit mi, ultricies nec neque a, egestas pellentesque nisl. Fusce pellentesque commodo mattis. 
                                        Maecenas gravida egestas iaculis. Aenean vel mollis enim.                
                                    </p>
                                    
                                </div><!-- col-lg-4 -->

                            </div><!-- row -->

                        </div><!-- container -->                    

                    </div><!-- l-page-section -->

                </section>
                

                <!-- GALLERY SECTION -->
                <section>

                    <div class="hide l-gallery-section l-section" id="gallery">

                        <div class="container">
                            <h4 class="text-center">Gallery</h4>

                            <div class="m-heading-border"></div><!-- m-heading-border -->

                            <p class="text-center">
                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae scelerisque nibh. Morbi fermentum ipsum odio, id dictum leo egestas vel. 
                                    Sed commodo, nunc eget ultrices viverra, turpis odio luctus nisl, sit amet porttitor diam nulla in augue. 
                                    Etiam eu felis libero. Nam feugiat ultrices sapien eget sagittis.
                            </p>    

                            <div class="l-gallery-categories text-center">
                                <ul>
                                    <li data-filter="*">All</li>
                                    <li data-filter=".design">Design</li>
                                    <li data-filter=".architecture">Architecture</li>
                                    <li data-filter=".development">Development</li>                  
                                </ul>
                            </div><!-- l-gallery-categories -->

                        </div><!-- container -->


                        <div class="l-gallery-posts isotope" style="position: relative; overflow: hidden; height: 640px;">

                            <div class="gallery-post development architecture opacity isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 0px, 0px);">
                                <div class="gallery-hover green">
                                    <div class="gallery-hover-wrap">
                                        <div class="gallery-cell text-center">
                                            <h5><a href="http://wpidiots.com/html/ravan/personal/img/gallery-full1.jpg" class="image-link">Gold Leaves</a></h5>
                                            <div class="title-border"></div>                                        
                                            <div class="gallery-category">
                                                <p>sports</p>
                                            </div><!-- gallery-category -->                                        
                                            <img src="/template/gallery-icon1.png" alt="icon" />                                        
                                        </div><!-- gallery-cell -->
                                    </div><!-- gallery-hover-wrap -->                                                                
                                </div><!-- gallery-hover -->
                                <img src="/template/gallery1.jpg" alt="gallery image" />
                            </div><!-- gallery-post -->

                            <div class="gallery-post development  opacity isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(480px, 0px, 0px);">
                                <div class="gallery-hover red">
                                    <div class="gallery-hover-wrap">
                                        <div class="gallery-cell text-center">
                                            <h5><a href="http://wpidiots.com/html/ravan/personal/img/gallery-full2.jpg" class="image-link">Beach Sun</a></h5>
                                            <div class="title-border"></div>                                        
                                            <div class="gallery-category">
                                                <p>design</p>
                                            </div><!-- gallery-category -->                                        
                                            <img src="/template/gallery-icon3.png" alt="icon" />                                        
                                        </div><!-- gallery-cell -->
                                    </div><!-- gallery-hover-wrap -->                                                                
                                </div><!-- gallery-hover -->
                                <img src="/template/gallery2.jpg" alt="gallery image" />
                            </div><!-- gallery-post -->

                            <div class="gallery-post  architecture opacity isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(960px, 0px, 0px);">
                                <div class="gallery-hover yellow">
                                    <div class="gallery-hover-wrap">
                                        <div class="gallery-cell text-center">
                                            <h5><a href="http://wpidiots.com/html/ravan/personal/img/gallery-full3.jpg" class="image-link">Lighthouse</a></h5>
                                            <div class="title-border"></div>                                        
                                            <div class="gallery-category">
                                                <p>fashion</p>
                                            </div><!-- gallery-category -->                                        
                                            <img src="/template/gallery-icon2.png" alt="icon" />                                        
                                        </div><!-- gallery-cell -->
                                    </div><!-- gallery-hover-wrap -->                                                                
                                </div><!-- gallery-hover -->
                                <img src="/template/gallery3.jpg" alt="gallery image" />
                            </div><!-- gallery-post -->


                            <div class="gallery-post design architecture opacity isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(1440px, 0px, 0px);">
                                <div class="gallery-hover blue">
                                    <div class="gallery-hover-wrap">
                                        <div class="gallery-cell text-center">
                                            <h5><a href="http://wpidiots.com/html/ravan/personal/img/gallery-full4.jpg" class="image-link">Stone Age</a></h5>
                                            <div class="title-border"></div>                                        
                                            <div class="gallery-category">
                                                <p>handcraft</p>
                                            </div><!-- gallery-category -->                                        
                                            <img src="/template/gallery-icon4.png" alt="icon" />                                        
                                        </div><!-- gallery-cell -->
                                    </div><!-- gallery-hover-wrap -->                                                                
                                </div><!-- gallery-hover -->
                                <img src="/template/gallery4.jpg" alt="gallery image" />
                            </div><!-- gallery-post -->

                            <div class="gallery-post architecture opacity isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(0px, 320px, 0px);">
                                <div class="gallery-hover yellow">
                                    <div class="gallery-hover-wrap">
                                        <div class="gallery-cell text-center">
                                            <h5><a href="http://wpidiots.com/html/ravan/personal/img/gallery-full5.jpg" class="image-link">Smell of Spring</a></h5>
                                            <div class="title-border"></div>                                        
                                            <div class="gallery-category">
                                                <p>food</p>
                                            </div><!-- gallery-category -->                                        
                                            <img src="/template/gallery-icon5.png" alt="icon" />                                        
                                        </div><!-- gallery-cell -->
                                    </div><!-- gallery-hover-wrap -->                                                                
                                </div><!-- gallery-hover -->
                                <img src="/template/gallery5.jpg" alt="gallery image" />
                            </div><!-- gallery-post -->

                            <div class="gallery-post design opacity isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(480px, 320px, 0px);">
                                <div class="gallery-hover green">
                                    <div class="gallery-hover-wrap">
                                        <div class="gallery-cell text-center">
                                            <h5><a href="http://wpidiots.com/html/ravan/personal/img/gallery-full6.jpg" class="image-link">Marks of Time</a></h5>
                                            <div class="title-border"></div>                                        
                                            <div class="gallery-category">
                                                <p>knowledge</p>
                                            </div><!-- gallery-category -->                                        
                                            <img src="/template/gallery-icon7.png" alt="icon" />                                        
                                        </div><!-- gallery-cell -->
                                    </div><!-- gallery-hover-wrap -->                                                                
                                </div><!-- gallery-hover -->
                                <img src="/template/gallery6.jpg" alt="gallery image" />
                            </div><!-- gallery-post -->


                            <div class="gallery-post  architecture opacity isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(960px, 320px, 0px);">
                                <div class="gallery-hover blue">
                                    <div class="gallery-hover-wrap">
                                        <div class="gallery-cell text-center">
                                            <h5><a href="http://wpidiots.com/html/ravan/personal/img/gallery-full7.jpg" class="image-link">Meditation</a></h5>
                                            <div class="title-border"></div>                                        
                                            <div class="gallery-category">
                                                <p>ideas</p>
                                            </div><!-- gallery-category -->                                        
                                            <img src="/template/gallery-icon6.png" alt="icon" />                                        
                                        </div><!-- gallery-cell -->
                                    </div><!-- gallery-hover-wrap -->                                                                
                                </div><!-- gallery-hover -->
                                <img src="/template/gallery7.jpg" alt="gallery image" />
                            </div><!-- gallery-post -->


                            <div class="gallery-post development design opacity isotope-item" style="position: absolute; left: 0px; top: 0px; transform: translate3d(1440px, 320px, 0px);">
                                <div class="gallery-hover emerald">
                                    <div class="gallery-hover-wrap">
                                        <div class="gallery-cell text-center">
                                            <h5><a href="/template/gallery8.jpg" class="image-link">Unknown Road</a></h5>
                                            <div class="title-border"></div>                                        
                                            <div class="gallery-category">
                                                <p>photography</p>
                                            </div><!-- gallery-category -->                                        
                                            <img src="/template/gallery-icon9.png" alt="icon" />                                        
                                        </div><!-- gallery-cell -->
                                    </div><!-- gallery-hover-wrap -->                                                                
                                </div><!-- gallery-hover -->
                                <img src="/template/gallery8.jpg" alt="gallery image" />
                            </div><!-- gallery-post -->


                        </div><!-- l-gallery-posts -->



                    </div><!-- l-section -->

                </section>

                <!-- TECHNICAL SKILLS SECTION -->
                <section>
                    <div class="l-skills-section l-section" id="skills">
                        <div class="container">
                            <h4 class="text-center">Technical Skills</h4>
                            <div class="m-heading-border"></div><!-- m-heading-border -->
                            <p class="text-center">
                                I have worked on lots of technologies and mainly focus on
                                PHP, Mysql, Ajax, PHPTAL, HTML, MongoDb, elastic search, jQuery, JavaScript and 
                                other skills are ASW, EC2, RDS, S3, Load balancing cloudsearch, RabittMq, .NET, Sqlserver,LINQ
                                OS platforms - Microsoft Windows, Ubuntu, Fedora, OSX.
                            </p>    

                            <div class="row">
                                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 l-chart-wrap text-center">
                                    <div class="chart" data-percent="80"><span class="percent"></span></div>
                                    <h5>PHP</h5>
                                    <p>6 year of working experience</p>
                                </div><!-- col-lg-3 -->

                                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 l-chart-wrap text-center">
                                    <div class="chart" data-percent="60"><span class="percent"></span></div>
                                    <h5>MySql</h5>
                                    <p>6 year of working experience</p>
                                </div><!-- col-lg-3 -->

                                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12    l-chart-wrap text-center">
                                    <div class="chart" data-percent="60"><span class="percent"></span></div>
                                    <h5>AWS</h5>
                                    <p>Handy experiene in EC2, S3, RDS, Loading balancing </p>
                                </div><!-- col-lg-3 -->

                                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 l-chart-wrap text-center">
                                    <div class="chart" data-percent="40"><span class="percent"></span></div>
                                    <h5>HTML5 / CSS3 / JQuery</h5>
                                    <p>Basic knowledge about html/cssand intermediate of JQuery</p>
                                </div><!-- col-lg-3 -->

                            </div><!-- row -->
                        </div><!-- container -->
                    </div><!-- l-paralax-section -->
                </section>

                <!-- LATEST POSTS SECTION -->
                <section>
                    <div class="l-map-section l-section" id="contact">
                        <div class="container">
                            <h4 class="text-center">Contact Me</h4>
                            <div class="m-heading-border"></div>
                            <p class="hide text-center">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae scelerisque nibh. 
                                Morbi fermentum ipsum odio, id dictum leo egestas vel. Sed commodo, nunc eget ultrices viverra, turpis odio luctus nisl, sit amet porttitor diam nulla in augue. 
                                Etiam eu felis libero. Nam feugiat ultrices sapien eget sagittis.
                            </p>           
                            <div class="clearfix"></div><!-- clearfix -->
                        </div><!-- container -->

                            <!-- google map -->
                            <div id="map"></div>

                    </div><!-- l-latest-posts -->

                </section>

                <!-- TECHNICAL SKILLS SECTION -->
                <section>
                    <div class="l-contactus-section l-section" id="contact">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
                                    <h6>Contact Me</h6>
                                    <ul>
                                        <li class="opacity">
                                            <img src="/template/phone.png" alt="phone image" />
                                             +91 8091357747
                                         </li>
                                        <li class="opacity">
                                            <img src="/template/mail.png" alt="mail image" />
                                             info@pramodthakur.com
                                         </li>
                                        <li class="opacity">
                                            <img src="/template/magnifier.png" alt="www.pramodthakur.com" />
                                             <a style="color:white" href="http://pramodthakur.com">www.pramodthakur.com</a>
                                         </li>                                    
                                    </ul>
                                </div><!-- col-lg-5 -->

                                <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12 form-wrapper opacity">

                                    <h6>Send Me A Message</h6>

                                    <div class="row form-margin">
                                        <span>Just email me only.</span>
                                        <form class="hide" id="commentForm" method="get" action="" novalidate="novalidate">
                                            <div class="col-lg-6">
                                                <input type="text" class="form-control" name="cf_name" id="cf_name" placeholder="Name" required="" aria-required="true" />
                                            </div><!-- col-lg-6 -->

                                            <div class="col-lg-6">
                                                <input type="email" class="form-control" name="cf_email" id="cf_email" placeholder="E-Mail" required="" aria-required="true" />
                                            </div><!-- col-lg-6 -->

                                            <div class="col-lg-12 textarea-margin">
                                                <textarea class="form-control" name="cf_message" id="cf_message" placeholder="Message" required="" aria-required="true"></textarea>
                                                <span class="pull-left message-sent contact-message">Message sent!</span>
                                                <span class="pull-left message-error contact-message">Message not sent, please try again.</span>
                                                <button type="submit" class="pull-right contact-button form-button">Send Message</button>
                                            </div><!-- col-lg-6 -->
                                        </form>
                                    </div><!-- row -->
                                </div><!-- col-lg-7 -->
                            </div><!-- row -->

                        </div><!-- container -->

                    <div class="l-copyright text-center">
                        <div class="container">
                                <div class="m-social-icons">            
                                    <a href="https://facebook.com/pramod19thakur" target="_blank"><i class="fa fa-facebook"></i></a>
                                    <a href="https://twitter.com/pramod19thakur" target="_blank"><i class="fa fa-twitter"></i></a>
                                    <a href="https://in.linkedin.com/in/pramod19thakur" target="_blank"><i class="fa fa-linkedin"></i></a>
                                    <a href="#"><i class="hide fa fa-dribbble" target="_blank"></i></a>
                                    <a href="#"><i class="hide fa fa-github" target="_blank"></i></a>
                                </div><!--m-social-icons-->
                                               
                                <p class="pull-right">Copyright 2015 @pramodthakur.com</p>
                        </div><!-- container -->
                                
                    </div><!-- l-copyright -->

                    </div><!-- l-contactus-section -->

                </section>
            
            </div><!-- l-content-wrap -->
            
        </div><!-- l-wrapper -->
               
        
        <!-- LOAD SCRIPTS -->

        <!-- Latest compiled and minified JavaScript -->
        <script src="/template/bootstrap.min.js"></script>
        
        <!-- flexslider -->
         <script src="/template/jquery.flexslider.js"></script>
                
        <!-- skrollr -->
        <script type="text/javascript" src="/template/skrollr.min.js"></script>

        <!-- easy pie chart -->
        <script src="/template/jquery.easypiechart.min.js"></script>
        
        <!-- isotope -->
        <script src="/template/jquery.isotope.min.js"></script>
        <script src="/template/jquery.isotope.sloppy-masonry.js"></script>
            
        <!-- isotope -->
        <script src="/template/jquery.nicescroll.min.js"></script>
        
        <!-- google maps -->
        <script src="/template/js" type="text/javascript"></script><script src="/template/main.js"></script>
        
        <!-- Magnific Popup core JS file -->
        <script src="/template/jquery.magnific-popup.js"></script> 
        
        <!-- Waypoints -->
        <script src="/template/waypoints.min.js"></script>
                
        <!-- YTP -->
        <script type="text/javascript" src="/template/jquery.mb.YTPlayer.js"></script>
        
        <!-- TWITTER SCRIPT -->
        <script type="text/javascript" charset="utf-8" src="/template/jquery.tweet.js"></script>

        <!-- contact form checker -->
        <script src="/template/jquery.validate.js"></script>
        
        <!-- script calling -->
        <script src="/template/common(1).js"></script>        
        

       

<div id="ascrail2000" class="nicescroll-rails" style="width: 15px; z-index: 113; position: fixed; top: 0px; height: 100%; right: 0px; opacity: 1; cursor: default; background: rgb(237, 237, 237);">
    <div style="position: relative; float: right; width: 15px; border: none; border-radius: 0px; height: 115px; top: 0px; background-color: rgb(74, 188, 150); background-clip: padding-box;"></div>
</div>
<div id="ascrail2000-hr" class="nicescroll-rails" style="height: 15px; z-index: 113; position: fixed; left: 0px; width: 100%; bottom: 0px; opacity: 1; cursor: default; display: none; background: rgb(237, 237, 237);">
    <div style="position: relative; top: 0px; height: 15px; border: none; border-radius: 0px; width: 1920px; background-color: rgb(74, 188, 150); background-clip: padding-box;"></div>
</div>
</body>
</html>